import React, {useState} from 'react';
// import moment from "moment"
import dynamic from "next/dynamic"

// 对组件进行懒加载
const LazyComponent = dynamic(import('../components/Lazy.js'))

export default function () {
  const [time, setTime] = useState(Date.now());

  async function changeTime() {
    // 异步加载库：如果在多个页面使用可相同的库，这个库就可能被打包到全局js中去，会增大js文件体积，从而减慢页面加载速度，如果这个库不是非常重要的话，可以选择异步加载。
    const moment = (await import('moment')).default
    moment.locale('ja');
    setTime(moment(Date.now()).format('LLLL'))
  }

  return (
    <>
      <div>显示时间为：{time}</div>
      <button onClick={changeTime}>改变时间格式</button>
      <LazyComponent/>
    </>
  )
}
